<template>

<h3>生命周期函数</h3>
<p>{{ messaage }}</p>
<button @click="messaage='数据'"></button>
</template>

<script>
export default{
    data(){
        return{
            messaage:""
        }
    },
    beforeCreate(){
        console.log("beforeVreate:组件创建之前");
        
    },
    created(){
        console.log("created:组件创建完成")
    },
    beforeMount(){
        console.log("beforeMount:渲染之前");
    },
    mounted(){
        console.log("mouted:组件渲染完成");
    },
    beforeUpdate(){
        console.log("beforeUpdata:组件更新之前");
    },
    updataed(){
        console.log("updataed:组件更新之后");
    },
    beforeUnmount(){
        console.log("beforeUnmount:组件卸载之前");
    },
    unmounted(){
        console.log("Unmount:组件卸之后");
    }


}

</script>

<style>

</style>